<template>
  <div class="getTimeOut">
      <img src="/img/getTimeOut.png" />
      <div>网络好像丢失了～</div>
      <div class="loadBtn" @click="subLoadFn">重新加载</div>
  </div>
</template>
<script>
  export default {
      components: {},
      name:'',
      data() {
          return {
          }
      },
      props: {},
      setup(){},
      methods:{
          subLoadFn(){
              window.location.reload()
          },
      },
      mounted(){},
      created() {},
  }
</script>

<style scoped lang="less">
.getTimeOut{
  width: 100%;
  text-align: center;
  padding-top: 4rem;
  box-sizing: border-box;
  color: #666;
  img{
      width: 50%;
      margin-bottom: 1rem;
  }
  .loadBtn{
      width: 60%;
      margin: 0.75rem auto;
      background-color: #deb788;
      color: #fff;
      line-height: 2.2rem;
      border-radius: 0.25rem;
      margin-top: 2rem;
  }
}
</style>